.cu-bar {
    padding-bottom: 30px;

    .sub-title {
        position: relative;
        color: $u-primary;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        top: 0;

        .title-inner {
            position: relative;
            z-index: 1;
        }

        text[class*="bg-"]:last-child {
            position: absolute;
            display: inline-block;
            bottom: 0;
            border-radius: 3px;
            width: 100%;
            height: 10px;
            left: 10px;
            opacity: 0.3;
            z-index: 0;
        }

        text[class*="text-"]:last-child {
            position: absolute;
            display: inline-block;
            color: $u-primary;
            bottom: -10px;
            left: 60px;
            opacity: 0.1;
            z-index: 0;
            text-align: right;
            font-weight: 900;
            font-size: 36px;
        }
    }
}

.cu-bar.justify-center .action.border-title text:last-child,
.cu-bar.justify-center .action.sub-title text:last-child {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}


.commonDiv {
    background-image: linear-gradient(-60deg, $u-primary-light, $u-success-light);
}